*,*:after,*:before {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
body {
  background: #464646;
  color: #ccc;
  font: 700 12px/18px "museo-slab", "Arial", serif;
}

p a {
	color: #ccc
}
/*--------------------------------------------------------------
1.0 - NAVIGATION
--------------------------------------------------------------*/
.nav {
	background-color: #e8eaee;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,239,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,235,239,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,235,239,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,235,239,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,235,239,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(233,235,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9ebef',GradientType=0 );
	border: 1px solid #e6e6e6;
	border-bottom-color: #8e8e8e;
	display: inline-block;
	margin: 70px auto 0;
	position: relative;
	border-radius: 20px;
	box-shadow: 0 0 0 5px #393939, 0 -1px 0 5px rgba(0,0,0,.85), 0 1px 0 5px rgba(255,255,255,.3)
}
.nav li {
	float: left;
}
.nav a {
	color: #434343;
	display: block;
	font-weight: 700;
	padding: 10px 17px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
	.nav li:first-child a {
		border-radius: 20px 0 0 20px
	}
	.nav li:last-child a {
		border-radius: 0 20px 20px 0
	}
	.nav a:hover {
		background: #eee;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,245,247,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,245,247,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,245,247,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,245,247,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,245,247,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,245,247,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f5f7',GradientType=0 );
	}
	.nav a:active {
		background:rgba(0,0,0,.01);
	}
	.nav a:before {
		border-left: 1px dotted #989ca8;
		content: "";
		height: 17px;
		left: 0;
		position: absolute;
		top: 11px;
		width: 1px;
	}
	.nav li:first-child a:before {
		display: none
	}
.new:after {
	background: rgb(210,103,103);
	background: -moz-linear-gradient(top, rgba(210,103,103,1) 0%, rgba(246,151,151,1) 78%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,103,103,1)), color-stop(78%,rgba(246,151,151,1)));
	background: -webkit-linear-gradient(top, rgba(210,103,103,1) 0%,rgba(246,151,151,1) 78%);
	background: -o-linear-gradient(top, rgba(210,103,103,1) 0%,rgba(246,151,151,1) 78%);
	background: -ms-linear-gradient(top, rgba(210,103,103,1) 0%,rgba(246,151,151,1) 78%);
	background: linear-gradient(to bottom, rgba(210,103,103,1) 0%,rgba(246,151,151,1) 78%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26767', endColorstr='#f69797',GradientType=0 );
	border: 1px solid #8e4f4f;
	content: attr(attr-new);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	padding: 6px 9px;
	position: absolute;
	right: 0;
	top: -15px;
	z-index: 99;
	border-radius: 25px;
	box-shadow: 0 0 3px #000
}


#conteneur{
				margin-left: auto; margin-right: auto; width: 50%; 
			}	
			#header{
				 color:white; padding: 12px; text-align: center; height: 150px;	
			}
			#contenu{
				padding: 12px	
			}
			
